<template>
  <div>
    <div>
      <div class="footer_guanzhu">
        <router-link to="/eason">陈奕迅</router-link>
        <router-link to="/lala">徐佳莹</router-link>
      </div>
      <div class="top">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
export default {

};
</script>
<style scoped>
.router-link-exact-active {
background: linear-gradient(to right, gold, pink) !important;
}
.footer_guanzhu {
/* position: fixed;
left: 0;
top: 0; */
display: flex;
width: 100%;
text-align: center;
background-color: #333;
color: #ccc;
}
.footer_guanzhu a {
flex: 1;
text-decoration: none;
padding: 20px 0;
line-height: 20px;
background-color: #333;
color: #ccc;
border: 1px solid black;
}
.footer_guanzhu a:hover {
background-color: #555;
}
.top {
padding-top: 62px;
}
</style>
